{# template is overriden in project #}
<h2>Меню дня</h2>
	<div id="Carousel2" class="carousel slide">

		<!-- Indicators -->
		<ol class="carousel-indicators">
  		<li data-target="#Carousel2" data-slide-to="0" class="active"></li>
  		<li data-target="#Carousel2" data-slide-to="1"></li>
  		<li data-target="#Carousel2" data-slide-to="2"></li>
		</ol>
		<div class="carousel-inner">

        <div class="item active">
          <img src="{{ current_menu.soup.get_top_photo }}" alt="Soup">
          Гурман: <a href="">{{ current_menu.soup.owner }}</a> {# поправить url #}
          <div class="container">
            <div class="carousel-caption">
            	<a href="{{ current_menu.soup.get_absolute_url }}">{{ current_menu.soup.title }}</a>
            </div>
          </div>
        </div>

        <div class="item">
          <img src="{{ current_menu.meal.get_top_photo }}" alt="Meal">
          Гурман: <a href="">{{ current_menu.soup.owner }}</a> {# поправить url #}
          <div class="container">
            <div class="carousel-caption">
            	<a href="{{ current_menu.meal.get_absolute_url }}">{{ current_menu.soup.title }}</a>
            </div>
          </div>
        </div>
        
        <div class="item">
          <img src="{{ current_menu.dessert.get_top_photo }}" alt="Desert">
          Гурман: <a href="">{{ current_menu.soup.owner }}</a> {# поправить url #}
          <div class="container">
            <div class="carousel-caption">
            	<a href="{{ current_menu.dessert.get_absolute_url }}">{{ current_menu.soup.title }}</a>
            </div>
          </div>
        </div>

      </div>

		<a class="left carousel-control" href="#Carousel2" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
		<a class="right carousel-control" href="#Carousel2" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>

</div><!-- /.carousel -->
<hr style="border-bottom: 1px solid #cccccc;">
